<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>现金账户管理</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <script src="js/rem.js"></script>
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="css/base.css"/>
    <link rel="stylesheet" type="text/css" href="css/page.css"/>
    <link rel="stylesheet" type="text/css" href="css/all.css"/>
    <link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/loaders.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/loading.css"/>
    <link rel="stylesheet" type="text/css" href="slick/slick.css"/>
    <script src="js/vue-2.4.0.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(window).load(function () {
            $(".loading").addClass("loader-chanage")
            $(".loading").fadeOut(300)



        })
    </script>
</head>
<!--loading页开始-->
<div class="loading">
    <div class="loader">
        <div class="loader-inner pacman">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>
<!--loading页结束-->
<body>
<!--header star-->
<header class="mui-bar mui-bar-nav mui-bar-nav2" id="header">
    <a class="btn" href="javascript:history.go(-1)">
        <i class="iconfont icon-fanhui"></i>
    </a>
    <div class="top-sch-box top-sch-boxtwo top-sch-boxfour flex-col">
        返回
    </div>
</header>
<!--header end-->

<div id="cashItems" class="warp warpthree clearfloat">
    <div  v-for="cashItem in cashItems" class="account clearfloat">
        <div class="top clearfloat">
            <ul>
                <li class="box-s">操作时间</li>
                <li>进出账</li>
                <li>金额（元）</li>
            </ul>
        </div>
        <div class="list clearfloat box-s">
            <div class="shang clearfloat">
                <ul>
                    <li class="box-s">{{cashItem.payTime}}</li>


                    <li v-if="cashItem.produceReason==2">充值</li>
                    <li v-if="cashItem.produceReason==1">消费</li>
                    <li v-if="cashItem.produceReason==3">转入</li>
                    <li v-if="cashItem.produceReason==4">转出</li>
                    <li v-if="cashItem.produceReason==5">商品退款</li>
                    <li v-if="cashItem.produceReason==2||cashItem.produceReason==3||cashItem.produceReason==5">+{{cashItem.changeCash}}</li>
                    <li v-if="cashItem.produceReason==1||cashItem.produceReason==4">-{{cashItem.changeCash}}</li>
                </ul>
            </div>
            <div class="middle clearfloat">
                <!--	    				<ul>-->
                <!--	    					<li>单号：</li>-->
                <!--	    					<li>报单会员账户：</li>-->
                <!--	    					<li>报单方式：</li>-->
                <!--	    				</ul>-->
            </div>
            <div class="middle clearfloat">
                <p  v-if="cashItem.produceReason==5||cashItem.produceReason==1" class="box-s">订单号：{{cashItem.orderCode}}</p>
                <p  v-if="cashItem.produceReason==4" >转出-接收钱款的账户名：{{cashItem.cname}}</p>
                <p  v-if="cashItem.produceReason==3" >转入-打款的账户名：{{cashItem.cname}}</p>
            </div>
            <div class="bottom clearfloat">
                <p class="fr">余额：{{cashItem.remainCash}}</p>
            </div>
        </div>
    </div>
</div>

</body>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script src="js/mui.min.js"></script>
<script src="js/others.js"></script>
<script type="text/javascript" src="js/hmt.js"></script>
<script src="slick/slick.js" type="text/javascript"></script>
<!--插件-->
<link rel="stylesheet" href="css/swiper.min.css">
<script src="js/swiper.jquery.min.js"></script>
<script>
    var vm = new Vue({
        el: '#cashItems',
        data: {
            cashItems: []
        },
        methods: {},
        created() {
            $.get("/cash/list", function (result) {
                    if (result.state == 1000) {
                        console.log(result.data);
                        vm.cashItems = result.data;
                    } else {
                        window.location.href = "login.html";
                    }
                }
            )
        }

    });
</script>
</html>

